@bgColor: #FFF;
@space: 15px;

.adDetail {
	background-color: @bgColor;
	padding: 40px;
	.crowd {
		line-height: 30px;
		max-height: 200px;
		overflow: auto;
	}
	.timePeriod {
		li {
			line-height: 30px;
			span {
				margin-right: 10px;
			}
		}
	}
	.mr10 {
		margin-right: 10px;
	}
	.handleBtn {
		padding-top: 20px;
		button {
			border-radius: 20px;
		}
	}
	.title {
		font-size: 16px;
		padding-bottom: 25px;
    color: #333;
	  position: relative;
		em {
			display: inline-block;
			width: 4px;
			height: 16px;
		  margin-right: 12px;
		  vertical-align: bottom;
		}
		em.one {
			background-color: #ff7f4d;
		}
		em.two {
			background-color: #7482ed;
		}
		em.three {
			background-color: #ff4b7e;
		}
		em.four {
			background-color: #41d2d4;
		}
	}
	.imgs {
		width: 250px;
		height: 125px;
	}
	.couponInfo {
		p {
			padding-bottom: @space;
		}
	}
	.industryLabel {
		line-height: 20px;
	}
	.packetList {
		width: 500px;
		padding: 10px;
		li {
			overflow: hidden;
			height: 90px;
			line-height: 90px;
			border-bottom: 1px dashed #cbd2df;
			.showPacket {
				float: left;
				padding: 20px;
				height: 70px;
				position: relative;
				p {
					line-height: 1;
					width: 300px;
					overflow: hidden;
					text-overflow: ellipsis;
					word-wrap: break-word;
					white-space: nowrap;
				}
				.packetId {
					color: red;
					font-style: normal;
					position: absolute;
					bottom: 0;
				}
			}
			img {
				float: right;
				width: 90px;
				height: 90px;
				padding-bottom: 5px;
			}
		}
	}
	:global {
		.ant-tabs-bar {
			width: 295px;
		}
		.ant-row {
			padding-bottom: 25px;
		}
		.ant-col-3 {
			text-align: right;
			font-size: 14px;
    	color: #666;
    	padding-right: 5px;
		}
		.ant-col-20 {
			font-size: 15px;
			font-weight: 400;
			color: #444;
		}
	}
}
